.c7n-iam-dashboard-onlineuser {
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 0 16px;

  .ant-spin-spinning {
    height: calc(100% - 130px);
    opacity: 1;
    position: static;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  &-main {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    height: calc(80% - 67px);

    &-current {
      span:first-child {
        font-size: 36px;
        color: rgba(0, 0, 0, 0.87);
      }

      span:last-child {
        font-size: 13px;
        color: rgba(0, 0, 0, 0.65);
      }
    }
  }

  &-bottom {
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    font-size: 14px;
    color: rgba(0, 0, 0, 0.65);
    text-align: left;
    height: 20%;
    display: flex;
    align-items: center;
  }
}
